<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>小区竞争力</title>

    <!-- MZUI CSS file -->
    <link href="/static/mzui/css/mzui.css" rel="stylesheet">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({
            google_ad_client: "ca-pub-5209054759103585",
            enable_page_level_ads: true
        });
    </script>

</head>
<body style="background-image: url('/static/default/wx/img/bg.jpg')">
<nav class="nav primary justified">
    <a class="active">小区名称</a>
</nav>
<div style="margin-top:20px;text-align:center;">
    <div class="btn gray circle">${(fangChanDto.d)!}-小区<span style="color:#f00000">综合信息</span>比重</div>
</div>
<input type="hidden" id="showId" value="${(showId)!}"/>
<div class="row">

</div>
<div class="row">
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main" style="width: 600px;height:300px;"></div>
</div>


<div class="row tiles">
    <div class="cell-1"></div>
    <div class="cell-10">
        <div class="cell"><div id="cx_click" class="btn danger circle fluid">重新打分</div></div>
        <div class="cell"><div id="bj_click" class="btn primary circle fluid">小区比较</div></div>
        <div class="cell"><div id="fc_click" class="btn success circle fluid">分享给邻居</div></div>
    </div>
    <div class="cell-1"></div>
</div>


<#--<div class="row tiles">-->
    <#--<div class="cell-1"></div>-->
    <#--<div class="cell-10">-->
        <#--<button type="button" class="btn fluid"><font style="color:#f9f9f9">参与人数</font><span class="label success" id="join_people">23</span></button>-->
    <#--</div>-->
    <#--<div class="cell-1"></div>-->
<#--</div>-->

<#--<h1>Hello, world!</h1>-->

<!-- MZUI JS file -->
<!-- 引入 ECharts 文件 -->
<script src="/static/third/js/echarts.min.js"></script>
<script src="/static/default/wx/js/jquery.min.js"></script>
<script src="/static/mzui/js/mzui.js"></script>
<script src="/static/default/wx/js/profile.js?t=1"></script>
<script>
    $("#cx_click").on("click",function(){
        var showId = $("#showId").val();
        window.location.href = "/fc/next?showId="+showId;
    });
    $("#fb_click").on("click",function(){
        var showId = $("#showId").val();
        window.location.href = "/fc/next?showId="+showId;
    });

    //获取范围内的随机数
    function random(min,max){
        var result = Math.floor(min + Math.random() * (max - min));
        $("#join_people").html(result);
    }

    $(function () {

        // random(50,200);

        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        option = {
            // title: {
            //     text: '多雷达图'
            // },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                x: 'center',
                show:false,
                data:['设计活跃度','交通','商业','教育','医院']
            },
            radar: [
                {
                    indicator: [
                        {text: '社交活跃度', max: 100},
                        {text: '交通', max: 100},
                        {text: '商业', max: 100},
                        {text: '教育', max: 100},
                        {text: '医院', max: 100}
                    ],
                    radius: 100,
                    center: ['50%','60%'],
                }
            ],
            series: [
                {
                    type: 'radar',
                    // radarIndex: 0,
                    data: [
                        {
                            value: [${(fangChanDto.i)!},${(fangChanDto.e)!}, ${(fangChanDto.f)!}, ${(fangChanDto.g)!}, ${(fangChanDto.h)!}],
                            name: '某主食手机'
                        }
                        // ,
                        // {
                        //     value: [95, 80, 95, 90, 93],
                        //     name: '某水果手机'
                        // }
                    ]
                }
            ]
        };


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    });
</script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?38d2e4ff90068bd0ab842a1ad2721781";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</body>
</html>